<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>

  <meta charset="utf-8" />
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/BSindex.css"/>
  <link rel="stylesheet" type="text/css" href="css/main.css"/>
  <script src="js/BSindex.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>

</head>
<script type="text/javascript">
	$(function(){
		var  usernameflag=false,passwordflag=false,telflag=false,emailflag=false;
		//获取用户名文本框的事件。
		$("#username").focus(function(){
			$("#usernamelab").hide();
		});	
		//获取Email文本框的事件。
		$("#email").focus(function(){
			$("#emaillab").hide();
		});	
		//获取Tel文本框的事件。
		$("#tel").focus(function(){
			$("#tellab").hide();	
		});	
		//获取Password文本框的事件。
		$("#password").focus(function(){
			$("#passwordlab").hide();		
		});	
		/////////////////////////////////////////////////各种丢失焦点
		/// 丢失  用户名 文本框的焦点
		$("#username").blur(function(){
			var  username =   $("#username").val();
			if(username==""){
				$("#usernamelab").text("用户名不能为空！");
				$("#usernamelab").css("color","#ff0000");
				$("#usernamelab").show();
				return  ;
			}
			
			$.ajax({
				cache:false,
				async: false,
				dataType: "json",
				type: "post",
				data:{"username":username,"key":"username"},
				url: "/fruits/admin/AdminVerify2Servlet",
				success: function(res){
					if(res==true){
						$("#usernamelab").text("用户名可以用！");
						$("#usernamelab").css("color","green");
						$("#usernamelab").show();
						usernameflag  =  true ;
					}
					if(res==false){
						$("#usernamelab").text("用户名已存在！");
						$("#usernamelab").css("color","orange");
						$("#usernamelab").show();
					}
				}
			});
		});
		/// 丢失  Email 文本框的焦点
				$("#email").blur(function(){
					var  email =   $("#email").val();
					if(email==""){
						$("#emaillab").text("邮箱不能为空！");
						$("#emaillab").css("color","#ff0000");
						$("#emaillab").show();
						return  ;
					}
					
					$.ajax({
						cache:false,
						async: false,
						dataType: "json",
						type: "post",
						data:{"email":email,"key":"email"},
						url: "/fruits/admin/AdminVerify2Servlet",
						success: function(res){
							if(res==true){
								$("#emaillab").text("邮箱可用！");
								$("#emaillab").css("color","green");
								$("#emaillab").show();
								emailflag = true;
								
							}
							if(res==false){
								$("#emaillab").text("邮箱已存在！");
								$("#emaillab").css("color","orange");
								$("#emaillab").show();
							}
						}
					});
				});
				/// 丢失  Tel文本框的焦点
				$("#tel").blur(function(){
					var  tel =   $("#tel").val();
					if(tel==""){
						$("#tellab").text("手机不能为空！");
						$("#tellab").css("color","#ff0000");
						$("#tellab").show();
						return  ;
					}
					
					$.ajax({
						cache:false,
						async: false,
						dataType: "json",
						type: "post",
						data:{"tel":tel,"key":"tel"},
						url: "/fruits/admin/AdminVerify2Servlet",
						success: function(res){
							if(res==true){
								$("#tellab").text("手机号可以用！");
								$("#tellab").css("color","green");
								$("#tellab").show();
								telflag=true;
							}
							if(res==false){
								$("#tellab").text("手机号已存在已存在！");
								$("#tellab").css("color","orange");
								$("#tellab").show();
							}
						}
					});
				});
				/// 丢失  Password 文本框的焦点
				$("#password").blur(function(){
					var  password =   $("#password").val();
					if(password==""){
						$("#passwordlab").text("密码不能为空！");
						$("#passwordlab").css("color","#ff0000");
						$("#passwordlab").show();
						return  ;
					}
					
					passwordflag=true;
				});	
				/// 添加 按钮的  单击事件
				$("#btn").click(function(){
					if(usernameflag&&passwordflag&&emailflag&&telflag){
						$("#frm").submit();
						
						
					}else{
						alert("页面有错误，请仔细检查！");
					}
					
					
				});
				
		
	});
</script>
<body >
<div class="mean">
  <div class="logo">
    <a href="index.jsp"><img src="img/alogo.png" alt="" /></a>
  </div>

  <div class="mean_ul">
    <div class="mean_li" onclick="sss('u')">用户管理</div>
    <div class="user_list" id="user_list">
      <div class="mm"><a href="/fruits/admin/AdminShowAllUsersServlet">全部用户</a></div>
      <div class="mm"><a href="BSindex2.jsp">添加用户</a></div>
    </div>
    <div class="mean_li" onclick="sss('f')">商品管理</div>
    <div class="fruit_list" id="fruit_list">
      <div class="mm"><a href="/fruits/admin/AdminShowAllGoodsServlet?pageNum=1">库存水果</a></div>
      			<div class="mm"><a href="/fruits/admin/AdminShowAllHotGoodsServlet?pageNum=1">热卖水果</a></div>
      <div class="mm"><a href="BSindex5.jsp">水果入库</a></div>
    </div>
  </div>

</div>


<div class="gong" id="x2">
  <div class="con">
    <div class="form">
      <form action="/fruits/admin/AdminAddUserServlet" method="post"  id="frm">
        <div class="add">
          <span class="add_tit">用户名 ：</span>
          <span class="add_text"><input type="text" name="username" id="username" value="" /></span>
          <label  id="usernamelab"></label>
        </div>

        <div class="add">
          <span class="add_tit">邮箱 ：</span>
          <span class="add_text"><input type="text" name="email" id="email" value="" /></span>
          <label  id="emaillab"></label>
        </div>
		
        <div class="add">
          <span class="add_tit">手机 ：</span>
          <span class="add_text"><input type="text" name="tel" id="tel" value="" /></span>
          <label  id="tellab"></label>
        </div>

        <div class="add">
          <span class="add_tit">密码 ：</span>
          <span class="add_text"><input type="text" name="password" id="password" value="" /></span>
          <label  id="passwordlab"></label>
        </div>
        <div class="add_sublmit">
          <input type="button" value="添加"   id="btn"/>
        </div>
      </form>
    </div>
  </div>
</div>



</body>
</html>

